import "./styles/common.css";
import AppStyle from "./App.less";

import React, {Component} from "react";


export default class App extends Component {

  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

    // dom渲染完成时
    componentDidMount(){
        console.log("Did Mount");
    }
    // 组件退出时
    componentWillUnmount(){
        console.log("Will Unmount");
    }

    render() {
        return (
            <div className={`incWrap maxWidth tac ${AppStyle.appRootMain}`}>
                <h2 className={AppStyle.link}> 首页</h2>
                <ul className="df">
                    <li onClick={()=>{this.props.history.push('/tic')}}>玩井字棋</li>
                    <li>其他</li>
                </ul>
            </div>
        )
    }
}
